<div class="avatar-container d-flex flex-row justify-content-center align-items-center">
  <div class="p-2">
    <div *ngIf="true" style="text-transform: uppercase;" class="avatar-name app-avatar-name">{{name(display)}}</div>
  </div>
  <div class="p-2 pname">
    <a routerLink="/profile" class="app-profile-view">{{display}}</a>
    <!-- <i class="icon-expand_more"></i> -->
  </div>
</div>